<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>培训通知查看</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro-blue/easyui.css">

</head>
<body>
<style type="text/css">
.background{
	width: 1116px;
	height: 570px;
	margin: 0px auto;
	margin-top: 12px;
	background-color: #FFF;
}
.tz-head{
	width: 1100px;
    height: 40px;
    border-bottom: 1px solid #F3F3F9;
    color: #19AA9A;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    font-weight: 700;
}
.colsinput{
	transition: none;
    height: 25px;
    width:500px;
    padding: 0 4px;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #fff;
    margin-bottom: 10px;
}
.col_lab{
	display:block;
	width:calc(20%);
	float:left;
	text-align:right;
}
.tz-title{
	width: 990px;
    height: 38px;
    margin: 0px auto;
    background-color: #F3F3F9;
    color: #19AA9A;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    font-weight: 700;
}
.table{
	width: 990px;
    height: 180px;
    border: 1px solid #F3F3F9;
    margin: 0 auto;
    margin-top: 15px;
	border: 1px solid #E5E5E5;
}
.datagrid-header .datagrid-cell span{
	color: #19AA9A;
    font-size: 14px;
    font-weight: 700;
}
.datagrid-header .datagrid-cell,.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
	text-align: center;
}
.datagrid-header{
	height:39px;
}
.datagrid-header-row, .datagrid-row {
   	 height: 40px;
}
</style>

<script type="text/javascript">
$(function(){
	var activity_id=$("#activity_ids").val();
	$(".train-course").datagrid({
	    url:'findnttable?activity_id='+activity_id,
	    singleSelect:true,
	    columns:[[{field:'xuhaos',title:'序号',width:100},
			{field:'depart_name',title:'部门',width:300},
			{field:'Staff_name',title:'姓名',width:300},
			{field:'Staff_phone',title:'手机号',width:290}
	    ]],
        pagination:true,
	    pageNumber:1,
	    pageSize:5,
	    pageList:[5,10,15]
	});
	$(".baocun_add").click(function(){
		$("#content-admin").panel('open').panel('refresh','train-notice');
	})
});
</script>
	<div class="background">
		<div class="tz-head">培训通知详情</div>
		<form>
			<div style="width:100%;margin:20px auto;overflow:hidden;">
				<label class="col_lab"><span style="color:red">*</span>课程名称：</label>
				<div class="cols">
					<input class="colsinput course_name" value="${notices.course_name}" disabled="disabled"/>
				</div>
				<label class="col_lab"><span style="color:red">*</span>培训老师：</label>
				<div class="cols">
					<input class="colsinput course_name" value="${notices.Staff_name}" disabled="disabled"/>
				</div>
				<label class="col_lab"><span style="color:red">*</span>培训地点：</label>
				<div class="cols">
					<input class="colsinput course_name" value="${notices.activity_address}" disabled="disabled"/>
				</div>
				<label class="col_lab"><span style="color:red">*</span>培训时间：</label>
				<div class="cols">
				<fmt:formatDate type='both' var='kai' value='${notices.activity_start_time}' />
				<fmt:formatDate type='both' var='jie' value='${notices.activity_end_time}' />
					<input class="colsinput course_name" value="${kai }至${jie}" disabled="disabled"/>
				</div>
				<div style="width:100%;height:30px;position:fixed;bottom:80px;left:0;">
					<a class="baocun_add" style="width: 80px;height: 30px;background: #19AA8D;color: white;border-radius: 3px;display: block;margin: auto;
	    				    margin-top: 40px;margin-left: 740px;line-height: 30px;text-align: center;">返回</a>
				</div>
			</div>
		</form>
		<div class="tz-title">培训人员名单</div>
		<div class="table">
			<table class="easyui-datagrid train-course" style="width:990px;height:180px"></table>
		</div>
		<input type="hidden" id="activity_ids" value="${activity_id }"/>
	</div>
</body>
</html>
